/* @import './dark.css'; */
:root {
  --color-default: 0,0,0;
  --color-text: rgba(var(--color-default),.85);
  --color-bg: #f8f8f8;
  --color-bg-active: 249,249,249;
  --color-border: #ededed;
  --color-border-button: rgba(var(--color-default),.15);
  --color-white: #fff;
}
/* -webkit-tap-highlight-color: transparent; */
/* *,*::before,*::after {
  border-width: 0;
  border-style: solid;
  border-color: var(--color-border);

} */
html,body {
  height: 100%;
}
.border-t {
  border-top-width: 0.5px !important;
}
body {
  font-size: 14px;
  margin: 0 auto;
  transition: 0.2s background ease-in-out;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}
.bg {
  background: var(--color-bg);
}
h1,h2,h3,h4,h5,h6, p, ul, ol, li dl, dt, dd {
  margin: 0;
  padding: 0;
}

img, svg {
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none
}

.scrollbar-hide::-webkit-scrollbar {
  display: none
}
@media screen and (min-width:414px)  {
  html {
    font-size: 17.664px;
  }
}
@media screen and (max-width:375px)  {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width:360px)  {
  html {
    font-size: 15.36px;
  }
}
@media screen and (max-width:320px)  {
  html {
    font-size: 14px;
  }
}

